<!DOCTYPE html>
<html lang="es">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title><?= $title ?></title>
        <?= css('reset.css') ?>
        <?= css('grid_24.css') ?>
        <?= css('style.css') ?>
        <?= css('slider.css') ?>
        <style>
            body {
                background: url(<?= img_url() ?>bg.jpg) 0 0 repeat;
            }
            .main {
                background: url(<?= img_url() ?>content.jpg) 0 0 repeat;
            }
            .link-1 {
                background:url(<?= img_url() ?>link-1.gif) right 8px no-repeat;
            }
            ul.list-1 li {
                background:url(<?= img_url() ?>marker-1.gif) 0 6px no-repeat;
            }
            .sub-pages {
                background: url(<?= img_url() ?>slider.jpg) 0 bottom repeat-x;
            }
            .sub-pages>div {
                background:url(<?= img_url() ?>slide-1.jpg) center 0 no-repeat;
            }
            .slogan {
                background:url(<?= img_url() ?>slogan.png) center bottom no-repeat;
            }
            .text-1 {
                background:url(<?= img_url() ?>line-1.png) 0px 0px no-repeat;   
            }
            .block-1 {
                background:url(<?= img_url() ?>block-1.jpg) 0 0 repeat;
            }
            .block-1>div {
                background:url(<?= img_url() ?>footer.jpg) 0 0 repeat-x;
                position:absolute;
                bottom:0;
            }
            .block-1>div>div {
                background:url(<?= img_url() ?>block-1-bottom.jpg) 0 bottom repeat-x;
            }
            .discount {
                background:url(<?= img_url() ?>discount.png) 0 0 no-repeat;
            }
            .letter span {
                background:url(<?= img_url() ?>letter.png) 0 0 no-repeat;
            }
            .letter-2 span {
                background:url(<?= img_url() ?>letter-2.png) 0 0 no-repeat;
            }
            .list li {
                background:url(<?= img_url() ?>marker-1.gif) 0 6px no-repeat;
            }
            .list li em {
                background: url(<?= img_url() ?>line-hor.gif) repeat-x 0% 13px;
            }
            footer {
                background:url(<?= img_url() ?>footer.jpg) 0 0 repeat-x;
            }
            #slide {
                background:url(<?= img_url() ?>slider.jpg) 0 bottom repeat-x;
            }
            .next {
                background:url(<?= img_url() ?>next.png) 0 bottom no-repeat;
            }
            .prev {
                background:url(<?= img_url() ?>prev.png) 0 bottom no-repeat;
            }
        </style>
        <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Holtwood+One+SC' rel='stylesheet' type='text/css'>
        <?= js('jquery-1.7.min.js') ?>
        <?= js('jquery.easing.1.3.js') ?>
        <?= js('tms-0.4.1.js') ?>

        <script>
            $(document)
                    .ready(function() {
                $('.slider')
                        ._TMS({
                    show: 0,
                    pauseOnHover: true,
                    prevBu: '.prev',
                    nextBu: '.next',
                    playBu: false,
                    duration: 10000,
                    preset: 'zoomer',
                    pagination: false,
                    pagNums: false,
                    slideshow: 7000,
                    numStatus: false,
                    banners: false,
                    waitBannerAnimation: false,
                    progressBar: false
                })
            });
        </script>
    </head>
    <body>
        <!-- Header -->
        <div class="main">
            <header>
                <nav>                  
                    <ul class="menu">
                        <li><a href="<?php echo site_url(array('common', 'home')); ?>">Inicio</a></li>
                        <li><a href="<?php echo site_url(array('user', 'profile')); ?>">Ver perfil</a></li>
                        <li><a href="<?php echo site_url(array('admin', 'index')); ?>">Administración</a></li>
                        <li><a href="<?php echo site_url(array('activity', 'view')); ?>">Lista de Actividades</a></li>
                        <li><a href="<?php echo site_url(array('session', 'logout')); ?>">Cerrar sesión</a></li>
                    </ul>
                </nav>
                <div class="slogan">El Gran Club de la Ignominia</div>
            </header>
            <div id="slide">
                <div class="slider">
                    <ul class="items">
                        <li><?= img('slide-1.jpg') ?></li>
                        <li><?= img('slide-2.jpg') ?></li>
                        <li><?= img('slide-3.jpg') ?></li>
                        <li><?= img('slide-4.jpg') ?></li>
                    </ul>
                </div>
                <!--  <a href="#" class="prev">&nbsp;</a><a href="#" class="next">&nbsp;</a> -->
            </div>
            <!-- Fin Header  -->
            <section id="content">
                <div class="container_24">
                    <?= $content ?>
                    <div class="clear"></div>
                </div>
            </section>
        </div>
        <div class="push"></div>
        <!-- Footer -->
        <footer>
            <div class="container_24">
                <div class="grid_11 prefix_1">
                    <p><strong>Tecnologías Basadas en la Web</strong><br>
                    <p>Universidad de Jaén (2013)</p>
                </div>
            </div>
            <div class="clear"></div>
        </footer>
        <!-- Fin Footer -->



        <!-- Piwik -->
        <script type="text/javascript">
            var _paq = _paq || [];
            _paq.push(['trackPageView']);
            _paq.push(['enableLinkTracking']);
            (function() {
                var u = (("https:" == document.location.protocol) ? "https" : "http") + "://localhost/piwik//";
                _paq.push(['setTrackerUrl', u + 'piwik.php']);
                _paq.push(['setSiteId', 1]);
                var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
                g.type = 'text/javascript';
                g.defer = true;
                g.async = true;
                g.src = u + 'piwik.js';
                s.parentNode.insertBefore(g, s);
            })();

        </script>
        <noscript><p><img src="http://localhost/piwik/piwik.php?idsite=1" style="border:0" alt="" /></p></noscript>
        <!-- End Piwik Code -->

    </body>
</html> 
